<template>
  <div class="home">
    <div class="info_Header">
      <ul>
        <li class="Header_quit" @click="$router.back(-1)">
          <Icon type="ios-arrow-back" size="30" class="Icon_Header icon_quit"/>
        </li>
        <li class="Header_text">
          <!--<Anchor >-->
            <!--<AnchorLink href="#basic_usage" title="Basic Usage" />-->
            <!--<AnchorLink href="#static_position" title="Static Position" />-->
          <!--</Anchor>-->

        </li>
        <li class="Header_dian"  >
          <!--<Icon type="ios-more" size="30" class="Icon_Header icon_dian"/>-->
        </li>
      </ul>
    </div>
    <mt-swipe :auto="4000" :style="{ width: widtha + 'px', height: heighta + 'px',margin: 'auto'}">
      <mt-swipe-item>1</mt-swipe-item>
      <mt-swipe-item>2</mt-swipe-item>
      <mt-swipe-item>3</mt-swipe-item>
    </mt-swipe>

  </div>
</template>
<script>

  export default {
    props: {
      GoodsInfoArray: {
        type: Array,
        default() {
          return []
        }
      }
    },
    components: {
    },
    data() {
      return {
        widtha:'',
        heighta:''
      }
    },
    methods: {},
    watch: {},
    computed: {
      //计算属性
    },
    created() {

    },
    mounted() {
      //生命周期
    }
  }
</script>
<style scoped>
  .home {
    width: 100%;
    height: 100%;
  }
  /*******************导航***************************/
  .info_Header {
    width: 100%;
    height: 44px;
    background: white;
  }

  .icon_quit {
    text-align: center;

  }

  .icon_dian {
    text-align: right;
  }

  .Icon_Header {
    width: 100%;
    margin-top: calc(100% / 10);
  }

  .info_Header ul {
    width: 100%;
    height: 100%;
  }

  .info_Header ul li {
    height: 100%;
    float: left;
  }

  .Header_quit {
    width: 15%;
  }

  .Header_text {
    width: 65%;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #333;
  }

  .Header_dian {
    width: 20%;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
  }
  /***************轮播图*******************/
.Cousel{
  height: 375px;
}

</style>
